<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" type="text/css" href="./css/ship to address/ship to address.css" />
</head>

<body>
	<!-- header -->
	<div class="header">
		<img class="arrow-left" src="./img/ship to address/arrow.png" alt="">
		<span class="title">收货地址</span>
	</div>
	<!-- 地址列表 -->
	<ul class="address-list">
		<li>
			<div class="info">
				<div class="top">
					<span class="name">黄渤</span>
					<span class="tel">15863008280</span>
					<div class="default">默认</div>
				</div>
				<div class="detail">
					山东省青岛市城阳区春阳路169号盈园国际商务中心516室
				</div>
			</div>
			<img class="edit" src="./img/ship to address/edit.png" alt="">
			<img class="remove" src="./img/ship to address/remove.png" alt="">
		</li>
		<li>
			<div class="info">
				<div class="top">
					<span class="name">爱新觉罗 玄烨</span>
					<span class="tel">15863008280</span>
				</div>
				<div class="detail">
					山东省青岛市城阳区春阳路169号盈园国际商务中心516室
				</div>
			</div>
			<img class="edit" src="./img/ship to address/edit.png" alt="">
			<img class="remove" src="./img/ship to address/remove.png" alt="">
		</li>
		<li>
			<div class="info">
				<div class="top">
					<span class="name">张艺兴</span>
					<span class="tel">15863008280</span>
				</div>
				<div class="detail">
					山东省青岛市城阳区春阳路169号盈园国际商务中心516室
				</div>
			</div>
			<img class="edit" src="./img/ship to address/edit.png" alt="">
			<img class="remove" src="./img/ship to address/remove.png" alt="">
		</li>

	</ul>
	<!-- 新建button -->
	<a href="#" class="insert-button">
		新建收货地址
	</a>
</body>

</html>